<template>
  <div class="footer">
    <div class="mod_help">
      <ul>
        <li>
          <router-link to="/">购物指南</router-link>
        </li>
        <li>
          <router-link to="/">购物流程</router-link>
        </li>
        <li>
          <router-link to="/">会员介绍</router-link>
        </li>
        <li>
          <router-link to="/">生活旅行/团购</router-link>
        </li>
        <li>
          <router-link to="/">常见问题</router-link>
        </li>
        <li>
          <router-link to="/">购物指南</router-link>
        </li>
      </ul>
      <ul>
        <li>
          <router-link to="/">配送方式</router-link>
        </li>
        <li>
          <router-link to="/">上门自提</router-link>
        </li>
        <li>
          <router-link to="/">211限时达</router-link>
        </li>
        <li>
          <router-link to="/">配送服务查询</router-link>
        </li>
        <li>
          <router-link to="/">配送费收取标准</router-link>
        </li>
        <li>
          <router-link to="/">海外配送</router-link>
        </li>
      </ul>
      <ul>
        <li>
          <router-link to="/">支付方式</router-link>
        </li>
        <li>
          <router-link to="/">货到付款</router-link>
        </li>
        <li>
          <router-link to="/">在线支付</router-link>
        </li>
        <li>
          <router-link to="/">分期付款</router-link>
        </li>
        <li>
          <router-link to="/">邮局汇款</router-link>
        </li>
        <li>
          <router-link to="/">公司转账</router-link>
        </li>
      </ul>
      <ul>
        <li>
          <router-link to="/">售后服务</router-link>
        </li>
        <li>
          <router-link to="/">售后政策</router-link>
        </li>
        <li>
          <router-link to="/">价格保护</router-link>
        </li>
        <li>
          <router-link to="/">退款说明</router-link>
        </li>
        <li>
          <router-link to="/">返修/退换货</router-link>
        </li>
        <li>
          <router-link to="/">取消订单</router-link>
        </li>
      </ul>
      <ul>
        <li>
          <router-link to="/">特色服务</router-link>
        </li>
        <li>
          <router-link to="/">夺宝岛</router-link>
        </li>
        <li>
          <router-link to="/">DIY装机</router-link>
        </li>
        <li>
          <router-link to="/">延保服务</router-link>
        </li>
        <li>
          <router-link to="/">尚品汇E卡</router-link>
        </li>
        <li>
          <router-link to="/">尚品汇通信</router-link>
        </li>
      </ul>
      <ul>
        <li>
          <router-link to="/">帮助中心</router-link>
        </li>
        <li>
          <img src="./wx_cz.jpg" alt="wx_cz" />
        </li>
      </ul>
    </div>
    <div class="mod_copyright">
      <ul class="mod_copyright_links">
        <li>
          <router-link to="/">关于我们</router-link>
        </li>
        <li>
          <router-link to="/">联系我们</router-link>
        </li>
        <li>
          <router-link to="/">联系客服</router-link>
        </li>
        <li>
          <router-link to="/">合作招商</router-link>
        </li>
        <li>
          <router-link to="/">商家帮助</router-link>
        </li>
        <li>
          <router-link to="/">营销中心</router-link>
        </li>
        <li>
          <router-link to="/">友情链接</router-link>
        </li>
        <li>
          <router-link to="/">销售联盟</router-link>
        </li>
        <li>
          <router-link to="/">风险检测</router-link>
        </li>
        <li>
          <router-link to="/">隐私政策</router-link>
        </li>
      </ul>
      <div class="mod_copyright_add">
        <router-link to="/"
          >地址:&nbsp;北京市昌平区宏福科技园综合楼6层</router-link
        >
      </div>
      <div class="mod_copyright_info">
        <router-link to="/">京ICP备19006430号</router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Footer",
};
</script>

<style scoped lang="less">
.footer {
  font-size: 14px;
  background-color: #f4f4f4;
  a {
    color: #333;
  }
}
.mod_help {
  width: 1200px;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  padding: 20px 0;
  ul li:first-child {
    font-weight: bold;
  }
}
.mod_copyright {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 20px;
  text-align: center;
  border-top: 1px solid #ccc;
}
.mod_copyright_links {
  margin: 20px auto 0;
  display: flex;
  justify-content: center;
  li {
    border-right: 1px solid #666;
    padding-right: 10px;
    margin-right: 10px;
    &:last-child {
      padding: 0;
      margin: 0;
      border: none;
    }
  }
}
.mod_copyright_add {
  margin: 10px auto;
}
</style>